<template>
  <umrp-container direction="vertical" padding="10px 10px 0" bg-color="#fff" style="border-radius: 4px">
    <umrp-carousel>
      <umrp-carousel-item style="height: 130px">
        <umrp-grid :cols="6" :col-gap="10" :row-gap="10">
          <umrp-grid-item>
            <umrp-text-icon>早教</umrp-text-icon>
          </umrp-grid-item>
          <umrp-grid-item>
            <umrp-text-icon>幼儿园</umrp-text-icon>
          </umrp-grid-item>
          <umrp-grid-item>
            <umrp-text-icon>音乐</umrp-text-icon>
          </umrp-grid-item>
          <umrp-grid-item>
            <umrp-text-icon>舞蹈</umrp-text-icon>
          </umrp-grid-item>
          <umrp-grid-item>
            <umrp-text-icon>美术</umrp-text-icon>
          </umrp-grid-item>
          <umrp-grid-item>
            <umrp-text-icon>篮球</umrp-text-icon>
          </umrp-grid-item>
          <umrp-grid-item>
            <umrp-text-icon>Ai数学</umrp-text-icon>
          </umrp-grid-item>
          <umrp-grid-item>
            <umrp-text-icon>Ai英语</umrp-text-icon>
          </umrp-grid-item>
          <umrp-grid-item>
            <umrp-text-icon>模特</umrp-text-icon>
          </umrp-grid-item>
          <umrp-grid-item>
            <umrp-text-icon>瑜伽</umrp-text-icon>
          </umrp-grid-item>
          <umrp-grid-item>
            <umrp-text-icon>健身</umrp-text-icon>
          </umrp-grid-item>
          <umrp-grid-item>
            <umrp-text-icon>跆拳道</umrp-text-icon>
          </umrp-grid-item>
          <!-- <umrp-grid-item>
            <umrp-text-icon>口才</umrp-text-icon>
          </umrp-grid-item>
          <umrp-grid-item>
            <umrp-text-icon>书棋</umrp-text-icon>
          </umrp-grid-item>
          <umrp-grid-item>
            <umrp-text-icon>阅读</umrp-text-icon>
          </umrp-grid-item>
          <umrp-grid-item>
            <umrp-text-icon>珠心算</umrp-text-icon>
          </umrp-grid-item>
          <umrp-grid-item>
            <umrp-text-icon>塑型</umrp-text-icon>
          </umrp-grid-item>
          <umrp-grid-item>
            <umrp-text-icon>搏击</umrp-text-icon>
          </umrp-grid-item> -->
        </umrp-grid>
      </umrp-carousel-item>
    </umrp-carousel>

    <!-- <umrp-container direction="vertical">
      <umrp-carousel>
        <umrp-carousel-item>
          <umrp-image :height="100"></umrp-image>
        </umrp-carousel-item>
      </umrp-carousel>
    </umrp-container>
    <umrp-container direction="vertical">
      <umrp-grid :cols="2" :col-gap="10" :row-gap="10">
        <umrp-grid-item v-for="_ in 4">
          <umrp-card>
            <template #cover>
              <umrp-image :height="150"></umrp-image>
            </template>
            <umrp-container justify="between" align="center">
              <umrp-text>课程</umrp-text>
            </umrp-container>
          </umrp-card>
        </umrp-grid-item>
      </umrp-grid>
    </umrp-container>
    <umrp-container :gap="10">
      <umrp-input-search placeholder="搜索团名"></umrp-input-search>
      <umrp-container direction="horizontal" justify="between" bg-color="#fff" padding="10px" v-for="_ in 4">
        <umrp-media>
          <umrp-space direction="vertical" :size="10">
            <umrp-text>梁少飞的团</umrp-text>
            <umrp-text>已参团人数：3/5人</umrp-text>
          </umrp-space>
        </umrp-media>
        <umrp-button type="primary">我要参团</umrp-button>
      </umrp-container>
    </umrp-container>
    <umrp-card style="border: none">
      <template #body>
        <umrp-container :gap="10" padding="10px">
          <umrp-container direction="horizontal" justify="between">
            <umrp-text :size="16" bold>机构赠礼</umrp-text>
            <umrp-text color="primary">查看全部</umrp-text>
          </umrp-container>
          <umrp-row :gutter="10">
            <umrp-col :span="12">
              <umrp-image :height="200"></umrp-image>
            </umrp-col>
            <umrp-col :span="12">
              <umrp-space direction="vertical" :size="10" fill>
                <umrp-image :height="95"></umrp-image>
                <umrp-image :height="95"></umrp-image>
              </umrp-space>
            </umrp-col>
          </umrp-row>
        </umrp-container>
      </template>
    </umrp-card> -->
    <!-- <umrp-card style="border: none">
      <template #body>
        <umrp-container :gap="10" padding="10px">
          <umrp-container direction="horizontal" justify="between">
            <umrp-text :size="16" bold>机构视频</umrp-text>
            <umrp-text color="primary">查看全部</umrp-text>
          </umrp-container>
          <umrp-image :height="160"></umrp-image>
        </umrp-container>
      </template>
    </umrp-card>
     -->
  </umrp-container>
</template>
